<!-- src\components\Swiper.vue -->
<template>
    <van-swipe class="my-swipe" :autoplay="3000" indicator-color="#1baeae">
        <van-swipe-item v-for="(item, index) in list" :key="index">
            <img :src="$filters.prefix(item.carouselUrl)" alt="" @click="goTo(item.redirectUrl)">
        </van-swipe-item>
    </van-swipe>
</template>

<script>
export default{
    props: {
        list: {
            type: Array,
            default: []
        }
    },
    setup() {
        const goTo = (url) => {
            window.open(url)
        }
        return {
            goTo
        }
    }
}
</script>

<style lang="less" scoped>
.my-swipe {
    img{
        width: 100%;
        height: 100%;
    }
}
</style>